<!DOCTYPE html>
<html lang="zh">
<head>
    <title>{{title}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="{{ROOT}}/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="{{ROOT}}/css/lhh_lib.css" />
    <link rel="stylesheet" type="text/css" href="{{ROOT}}/css/zh_tab.css" />
    <link rel="stylesheet" type="text/css" href="{{ROOT}}/css/table.css" />
    <link rel="stylesheet" type="text/css" href="{{ROOT}}/css/bootstrap-datetimepicker.css" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script type="text/javascript" src="{{ROOT}}/js/html5shiv.js"></script>
    <![endif]-->

</head>
<body class="content">
<div class="row _lhh_breadcrumb MB10 visible-lg">
    <ul class="breadcrumb pull-left">
        <li><a href="index.html">首页</a></li>
        <li class="active">逆变器运行状态统计</li>
    </ul>
    <div class="p-rel">
        <div class="_lhh_breadcrumb-more MR15">
            <!--电子时钟 begin-->
            <include file="{{ROOT}}/controllers/include/clock.html" dataType="html"></include>
            <!--电子时钟 end-->
        </div>
    </div>
</div>
<div class="row">
    <div class="col-mod-12">
        <div class="page-header">
            <div class="ML10 MT10">
                <label class="MR5">统计方式</label>
                <select type="select" id="dateSelect" class="form-control">
                    <option dateType="2">按月统计</option>
                    <option dateType="3">按日统计</option>
                </select>
                <label class="MR5 ML30">日期</label>
                <input size="16" type="text" value="2012-06-15" readonly class="form_datetime form-control">
                <button type="submit" class="btn page-header-btn ML30">查询</button>
            </div>
        </div>
    </div>
</div>
<div style="overflow: auto;">
        <h1 class="font-16 font-blue text-center FW">2015年08月31 逆变器运行状态统计</h1>
        <table class="_zh_table font-12 font-blue">
            <tr class="_zh_table-tr bg-blue">
                <td rowspan="2" class="PLR25">逆变器名称</td>
                <td colspan="5" class="PLR25">发电时长（h）</td>
                <td colspan="2" class="PLR25">停机时长（h）</td>
                <td rowspan="2" class="PLR25">中断时长（h）</td>
                <td rowspan="2" class="PLR25">其他时长（h）</td>
                <td rowspan="2" class="PLR25">可利用率（%）</td>
            </tr>
            <tr class="_zh_table-tr bg-blue">
                <td class="PLR25">正常运行</td>
                <td class="PLR25">故障运行</td>
                <td class="PLR25">电流偏低</td>
                <td class="PLR25">电流过低</td>
                <td class="PLR25">小计</td>
                <td class="PLR25">正常停机</td>
                <td class="PLR25">故障停机</td>
            </tr>
            <tr class="_zh_table-tr text-right">
                <td class="PR40 text-left">[01#方阵]无锡上能逆变器01</td>
                <td>123</td>
                <td>235</td>
                <td>454</td>
                <td>422</td>
                <td class="bg-grey">333</td>
                <td>220.0</td>
                <td>454</td>
                <td>220</td>
                <td>113.0</td>
                <td>449</td>
            </tr>
            <tr class="_zh_table-tr text-right">
                <td class="PR40 text-left">[01#方阵]无锡上能逆变器01</td>
                <td>123</td>
                <td>235</td>
                <td>454</td>
                <td>422</td>
                <td class="bg-grey">333</td>
                <td>220.0</td>
                <td>454</td>
                <td>220</td>
                <td>113.0</td>
                <td>449</td>
            </tr>
            <tr class="_zh_table-tr text-right">
                <td class="PR40 text-left">[01#方阵]无锡上能逆变器01</td>
                <td>123</td>
                <td>235</td>
                <td>454</td>
                <td>422</td>
                <td class="bg-grey">333</td>
                <td>220.0</td>
                <td>454</td>
                <td>220</td>
                <td>113.0</td>
                <td>449</td>
            </tr>
            <tr class="_zh_table-tr text-right">
               <td class="PR40 text-left">[01#方阵]无锡上能逆变器01</td>
                <td>123</td>
                <td>235</td>
                <td>454</td>
                <td>422</td>
                <td class="bg-grey">333</td>
                <td>220.0</td>
                <td>454</td>
                <td>220</td>
                <td>113.0</td>
                <td>449</td>
            </tr>
            <tr class="_zh_table-tr text-right">
                <td class="PR40 text-left">[01#方阵]无锡上能逆变器01</td>
                <td>123</td>
                <td>235</td>
                <td>454</td>
                <td>422</td>
                <td class="bg-grey">333</td>
                <td>220.0</td>
                <td>454</td>
                <td>220</td>
                <td>113.0</td>
                <td>449</td>
            </tr>
            <tr class="_zh_table-tr text-right">
                <td class="PR40 text-left">[01#方阵]无锡上能逆变器01</td>
                <td>123</td>
                <td>235</td>
                <td>454</td>
                <td>422</td>
                <td class="bg-grey">333</td>
                <td>220.0</td>
                <td>454</td>
                <td>220</td>
                <td>113.0</td>
                <td>449</td>
            </tr>
            <tr class="_zh_table-tr text-right">
                <td class="PR40 text-left">[01#方阵]无锡上能逆变器01</td>
                <td>123</td>
                <td>235</td>
                <td>454</td>
                <td>422</td>
                <td class="bg-grey">333</td>
                <td>220.0</td>
                <td>454</td>
                <td>220</td>
                <td>113.0</td>
                <td>449</td>
            </tr>
            <tr class="_zh_table-tr text-right">
                <td class="PR40 text-left">[01#方阵]无锡上能逆变器01</td>
                <td>123</td>
                <td>235</td>
                <td>454</td>
                <td>422</td>
                <td class="bg-grey">333</td>
                <td>220.0</td>
                <td>454</td>
                <td>220</td>
                <td>113.0</td>
                <td>449</td>
            </tr>
            <tr class="_zh_table-tr text-right">
                <td class="PR40 text-left">[01#方阵]无锡上能逆变器01</td>
                <td>123</td>
                <td>235</td>
                <td>454</td>
                <td>422</td>
                <td class="bg-grey">333</td>
                <td>220.0</td>
                <td>454</td>
                <td>220</td>
                <td>113.0</td>
                <td>449</td>
            </tr>
        </table>
    </div>
    </body>
</html>
<script type="text/javascript" src="{{ROOT}}/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="{{ROOT}}/js/datetimepicker-custom.js"></script>
<script type="text/javascript" src="{{ROOT}}/js/bootstrap.min.js"></script>
<script type="text/javascript">
    function dateChange(date,D){
        $('.form_datetime').val(date)
                .datetimepicker(D);

    }
    function initDate(){
        $(".form_datetime").datetimepicker({format: 'yyyy-mm-dd',minView:2});
        var date,type;
        $('#dateSelect').change(function(){
            var type=$(this).children('option:selected').attr('dateType');
            //type :1 年 ，2 月，3 日
            switch(type){
                case '1':
                    break;
                case '2':
                    date="2012-06";
                    type="yyyy-mm";
                    dateChange(date,{format: type,minView:2});
                    $dateInput.val(date);
                    break;
                case '3':
                    date="2012-06-01";
                    type="yyyy-mm-dd";
                    dateChange(date,{format: type,minView:2});
                    $dateInput.val(date);
                    break;

                default :
            }
        });
    }

    $(function(){
        initDate();
    });
</script>